<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>
    
    <meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-57-precomposed.png" />
    <title>show</title>
    <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet" />
    <link href="css/style.css" type="text/css" rel="stylesheet" />
    <link href="css/prettyPhoto.css" type="text/css" rel="stylesheet" />
    <link href="css/font-icomoon.css" type="text/css" rel="stylesheet" />
    <link href="css/font-awesome.css" type="text/css" rel="stylesheet" />
    <!--[if IE 7]>
    <link rel="stylesheet" href="assets/css/font-awesome-ie7.css"/>
    <![endif]-->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.quicksand.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript" src="js/hoverIntent.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/jflickrfeed.min.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/jquery.elastislide.js"></script>
    <script type="text/javascript" src="js/jquery.tweet.js"></script>
    <script type="text/javascript" src="js/smoothscroll.js"></script>
    <script type="text/javascript" src="js/jquery.ui.totop.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/ajax-mail.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>

<!--top menu-->
<section id="top-menu">
    <div class="container">
        <div class="row">
        </div>
    </div>
</section>

<!--header-->
<header id="header">
    <div class="container">
        <div class="row header-top">
            <div class="span5 logo">
                <a class="logo-img" href="./index.html" title="responsive template"><img src="example/logo2.png" alt="时代阳光" /></a>
                <p class="tagline">时代阳光文化传播</p>
                <p class="guanggao">&nbsp;&nbsp;&nbsp;专注广告 &nbsp;&nbsp; 致力营销</p>
            </div>
            <div class="span6 daohang">
                <nav id="menu" class="clearfix">
                    <ul>
                        <li class="current"><a href="index"><span class="name">首页</span></a>
                        </li>
                        <s:iterator value="categoryList" var="category">
	                        <li>
	                        <s:if test="#category.isImageList">
	                        	<a href="details_image?category.id=<s:property value="#category.id"/>"><span class="name"><s:property value="name" /></span></a>
	                        </s:if><s:else>
	                        	<a href="details_article?category.id=<s:property value="#category.id"/>"><span class="name"><s:property value="name" /></span></a>
	                        </s:else>
	                            <ul>
	                                <s:iterator value="#category.categoryChilds" var="child">
	                               		<li>
	                               		<s:if test="#child.isImageList">
	                               			<a href="details_image?categoryChild.id=<s:property value="#child.id"/>"><s:property value="name" /></a>
	                               		</s:if><s:else>
	                               			<a href="details_article?categoryChild.id=<s:property value="#child.id"/>"><s:property value="name" /></a>
	                                	</s:else>
	                                	</li>
	                                </s:iterator>
	                            </ul>
	                        </li>
                        </s:iterator>
                        <li><a href="details_aboutus"><span class="name">阳光互动</span></a></li>
                    </ul>
                </nav>
            </div>
            <div class="span1 hidden-phone">
                    <section class="search clearfix">
                        <form id="search" class="input-append" />
                            <input class="span2" id="appendedInputButton" size="10" type="text" value="Search..." name="search site" onfocus="if(this.value=='Search...') this.value=''" onblur="if(this.value=='') this.value='Search...'" />
                            <input class="btn search-bt" type="submit" name="submit" value="" />
                        </form>
                    </section>
                </div>
        </div>        
    </div>
</header>

<!--container-->
<section id="container">
    <div class="container">

        <div class="row">
            <div class="span8">
                <div id="mainslider" class="flexslider ps-slider">
                    <ul class="slides">
                        <li><img src="example/zongyi.png" alt="" /></li>
                        <li><img src="example/slider2.jpg" alt="" /></li>
                        <li><img src="example/slider3.jpg" alt="" /></li>
                        <li><img src="example/slider4.jpg" alt="" /></li>
                    </ul>
                </div>
            </div>
            <div class="span4">
                <div class="ps-description">
                    <h4>我们的服务：</h4>
                    <p>了解媒体动态,提供媒介资询,快速反应,及时调整为客户极力争取好的版位、时段及折扣;</p>
                    <p> 提供第三方监播资料或平面媒体样报，分析收视状况或受众群体,提供策略建议为客户争取赠播时间或软文配送;</p>
                    <p> 帮助企业监督市场行为,配合企业进行必要的地面推广,利用公司和新闻媒体的良好关系更好的做好促销服务。</p>
                    <h4>与我们合作的媒体：</h4>
                    <ul>
                        <li><span>纸质媒体:</span> 54家</li>
                        <li><span>电视媒体:</span> 25家</li>
                        <li><span>电台媒体:</span> </li>
                    </ul>
                </div>
            </div>
        </div>

        <hr />

        <div class="row">
            <div class="span12">
                <h3>合作媒体</h3>
                <div id="our-projects" class="carousel bttop">
                    <div class="carousel-wrapper">
                        <ul class="portfolio">
                            <li>
                                <article>
                                    <div class="inner-image">
                                        <a href="#myModal" role="button" class="btn" data-toggle="modal">
                                            <img src="example/sdzongyi.jpg" alt="" />
                                            <span class="frame-overlay"></span>
                                        </a>
                                    </div>
                                    <div class="sliding">
                                        <div class="inner-text">
                                            <h4 class="title"><a href="./portfolio-single.html">山东综艺频道</a></h4>
                                        </div>
                                    </div>
                                </article>
                            </li>
                            <li>
                                <article>
                                    <div class="inner-image">
                                        <a href="example/view.jpg" data-rel="prettyPhoto">
                                            <img src="example/sdtv.jpg" alt="" />
                                            <span class="frame-overlay"></span>
                                        </a>
                                    </div>
                                    <div class="sliding">
                                        <div class="inner-text">
                                            <h4 class="title"><a href="./portfolio-single.html">山东卫视</a></h4>
                                        </div>
                                    </div>
                                </article>
                            </li>
                            <li>
                                <article>
                                    <div class="inner-image">
                                        <a href="example/view.jpg" data-rel="prettyPhoto">
                                            <img src="example/qdribao.jpg" alt="" />
                                            <span class="frame-overlay"></span>
                                        </a>
                                    </div>
                                    <div class="sliding">
                                        <div class="inner-text">
                                            <h4 class="title"><a href="./portfolio-single.html">青岛日报</a></h4>
                                        </div>
                                    </div>
                                </article>
                            </li>
                            <li>
                                <article>
                                    <div class="inner-image">
                                        <a href="example/view.jpg" data-rel="prettyPhoto">
                                            <img src="example/qlwanbao.jpg" alt="" />
                                            <span class="frame-overlay"></span>
                                        </a>
                                    </div>
                                    <div class="sliding">
                                        <div class="inner-text">
                                            <h4 class="title"><a href="./portfolio-single.html">齐鲁晚报</a></h4>
                                        </div>
                                    </div>
                                </article>
                            </li>
                            <li>
                                <article>
                                    <div class="inner-image">
                                        <a href="example/view.jpg" data-rel="prettyPhoto">
                                            <img src="example/latest5.jpg" alt="" />
                                            <span class="frame-overlay"></span>
                                        </a>
                                    </div>
                                    <div class="sliding">
                                        <div class="inner-text">
                                            <h4 class="title"><a href="./portfolio-single.html">Project title 5</a></h4>
                                        </div>
                                    </div>
                                </article>
                            </li>
                            <li>
                                <article>
                                    <div class="inner-image">
                                        <a href="example/view.jpg" data-rel="prettyPhoto">
                                            <img src="example/latest6.jpg" alt="" />
                                            <span class="frame-overlay"></span>
                                        </a>
                                    </div>
                                    <div class="sliding">
                                        <div class="inner-text">
                                            <h4 class="title"><a href="./portfolio-single.html">Project title 6</a></h4>
                                        </div>
                                    </div>
                                </article>
                            </li>
                        </ul>
                    </div>
                </div>
                <script type="text/javascript">
                    $(document).ready(function(){
                        $('#our-projects').elastislide({
                            imageW : 270,
                            border : 0,
                            minItems : 1,
                            margin : 30
                        });
                    });
                </script>
            </div>
        </div>

    </div>
</section>
<!--模态-->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">山东综艺频道</h3>
  </div>
  <div class="modal-body">
    <p>“青春活力，快乐综艺”。2006年山东电视综艺频道以全新形象闪亮登场，时尚活力、激情四射频道形象，给观众带来了更多的快乐。充满活力的节目吸引了不同年龄层的观众，取得了良好的收视效果。
    </p>
    <p>山东综艺频道的收费标准等</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  </div>
</div>
<!--footer-->
<footer id="footer">
    <div class="container">
        <div class="row">
            <div class="span4">
                <p><img src="example/logo2.png" alt="" /></p>
                <address>
                    <p><i class="icon-map-marker"></i> 地址 </p>
                    <p><i class="icon-phone"></i> (123) 456-7890</p>
                    <p><i class="icon-mobile-2"></i> (123) 456-7890</p>
                    <p><i class="icon-mail-3"></i> <a href="mailto:#">sdygmedia@126.com</a></p>
                </address>
            </div>
           
            <div class="span4">
                <p class="heading">关于我们</p>
                <p>济南时代阳光是当今山东最专业、最成熟的媒介代理和媒体公关公司，可为客户提供全山东市场和媒体的第一手信息。</p>
                
            </div>
            <div class="span4">
                <p class="heading">济南时代阳光文化传播有限公司</p>
                <ul class="footer-navigate">
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="#">阳光服务</a></li>
                    <li><a  href="#">阳光媒介</a></li>
                    <li><a href="#">阳光案例</a></li>
                    <li><a href="#">阳光互动</a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<!--footer menu-->

<section id="footer-menu">
    <div class="container">
        <div class="row">
            <div class="span4">
                <p class="copyright">Copyright &copy; 2014.济南时代阳光 &nbsp;&nbsp;版权所有</p>
            </div>
            <div class="span8 hidden-phone">
                <ul class="pull-right">
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Contact Us</a></li>
                    <li><a href="#">Sitemap</a></li>
                </ul>
            </div>
        </div>
    </div>
</section>


<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
